<template>
	<div class="m-balance">
		<g-tit01
			:title="$route.meta.title"
			:select="selectList01"
			@command="selectChange"
		>
			<span>估值</span>
		</g-tit01>
		<div class="info">
			<p class="tip">以太坊交易所 总净资产估值</p>
			<p class="num"><span class="span1">≈</span><span class="span2">0.00</span><span class="span3">{{ moneyType }}</span></p>
		</div>
		<!-- ul-balance -->
		<ul class="ul-balance fix">
			<li class="wallet">
				<div class="card">
					<div class="border"></div>
					<div class="con">
						<div class="top">
							<h3>资金账户</h3>
							<div class="money">0.00000000<span>{{ moneyType }}</span></div>
						</div>
						<div class="handle">
							<div class="line">
								<div class="left">
									<div class="item s1">
										<router-link 
											class="link"
											to=""
										>
											<i class="icon iconfont icon-chargemoney"></i>
											<span>充币</span>
										</router-link>
									</div>
								</div>
								<div class="right">
									<div class="item s2">
										<router-link 
											class="link"
											to=""
										>
											<i class="icon iconfont icon-withdrawmoney"></i>
											<span>提币</span>
										</router-link>
									</div>
								</div>
							</div>
							<div class="line">
								<div class="left">
									<div class="item s3">
										<div 
											class="link"
										>
											<i class="icon iconfont icon-capitaltransfer"></i>
											<span>资金划转</span>
										</div>
									</div>
								</div>
								<div class="right">
									<div class="item s4">
										<div 
											class="link"
										>
											<i class="icon iconfont icon-motherandsonaccou"></i>
											<span>母子账户互转</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li class="account">
				<div class="card">
					<div class="border"><p></p></div>
					<div class="con">
						<div class="top">
							<h3>资金账户</h3>
							<div class="money">0.00000000<span>{{ moneyType }}</span></div>
						</div>
						<div class="table">
							<div class="account-row fiat">
								<span class="s1">法币账户</span>
								<span class="s2">0.00000000<em>{{ moneyType }}</em></span>
								<span class="s3">
									<router-link to="" class="to">详情</router-link>
								</span>
							</div>
							<div class="account-row spot">
								<span class="s1">币币/杠杆账户</span>
								<span class="s2">0.00000000<em>{{ moneyType }}</em></span>
								<span class="s3">
									<router-link to="" class="to">详情</router-link>
								</span>
							</div>
						</div>
					</div>
				</div>
			</li>
		</ul>
		<!-- ul-balance end -->
		<div class="desc">
			<div class="item">
				<h4>• 什么是内部转账？</h4>
				<p>提币分为【普通提币】和【内部转账】，【普通提币】是指您可以将您现在账户的币种提至其他区块链地址，【内部转账】是指您可以提至您自己或其他用户在“OKEx”、以及开放交易所的账户中。</p>
			</div>	
			<div class="item">
				<h4>•【普通提币】与【内部转账】的区别是什么？</h4>
				<p>普通提币：有手续费；到账需要区块确认<br>
				内部转账：无手续费；无需区块确认，快速到账</p>
			</div>
		</div>
	</div>
</template>

<script>
	import gTit01 from "@/components/gTit01"
	export default {
		name: "myBalance",
		data() {
			return {
				selectList01: [
					"BTC",
					"USD",
					"CNY",
					"JPY",
					"KRW",
					"RUB",
					"THB",
				],
				moneyType: "BTC"
			}
		},
		components: {
			gTit01
		},
		mounted(){
		},
		methods: {
			selectChange(command) {
				this.moneyType = command;
			}
			// 跳转页面
			// obj: 跳转页面的参数
			// goto(obj) {
			// 	this.$router.push(obj);
			// }
		}
	}
</script>

<style>
</style>
